<template>
  <input
    v-model="value"
    @input="$emit('input', $event.target.value)"
    class="te-input"
  />
</template>

<script>
export default {
  name: "teInput",
  model: {
    prop: "value",
    event: "input",
  },
  props: {
    value: {},
  },
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped>
.te-input {
  display: block;
  width: 100%;
  font-size: 0.875em;
  padding: 8px;
  background: #fff;
}

.te-input::placeholder {
}
</style>
